<template>
    <div class="search-box">
        <div class="search-nav">
              <!-- <img src="" alt="">
                -->
              <div class="search-">
               <Input class="search-input" v-model="search_text" search @on-search="search_" placeholder="寻觅" size="large" />
              </div>
               
        </div>

        <div class="search-display">
            
        </div>

    </div>
</template>

<script setup>
import { useRoute,useRouter } from 'vue-router';
import { onMounted, ref} from 'vue';
let search_text = ref('')
let Route = useRoute()

let test_data=[]

// 此处为了将从搜索框过来的数据同步

function search_(text) { 

}



onMounted(() => { 
    search_text.value = Route.query.textdata
})


</script>

<style  scoped>
.search-nav{
    height: 280px;
    width: 100%;
    outline: black solid 1px;
    position: relative;
}
.search-{
    position: absolute;
    left: 50%;
    /* margin-left: -; */
}
.search-input{
    width: 800px;
    margin-left: -400px;
    margin-top: 25%;
}


</style>